@charset "UTF-8";
#bg {
    background-color: #f1e0ed;
}

.clearfix {
    zoom: 1;
    &:after {
        display: block;
        content: "";
        clear: both;
        overflow: hidden;
    }
}

.j_header {
    .bgGray {
        background-color: #4c4948;
    }
    .bgcolor {
        background-color: #e34a4e;
    }
    a {
        width: 33.33%;
        height: 2.73rem; // 205px
        float: left;
        color: #f1e0ed;
        background-color: #3e3a39;
        font-size: .27rem; // 20px
        text-align: center;
        position: relative;
        &.bgcolor {
            .icon_eye,
            .circle_white,
            .icon_11,.icon_22,.icon_33,
            .heart_white {
                display: inline-block;
            }
            .red_eye,
            .icon_title,
            .icon_01,
            .icon_02,
            .icon_03,
            .icon_heart {
                display: none;
            }
        }
        .icon_box{
          
            display: inline-block;
            height: .93rem; // 70px
            margin-top: .6rem; // 45px
           
        }
        .icon_01,
        .icon_11,
        .icon_22,
        .icon_33,
        .red_eye,
        .circle_white,
        .icon_eye,
        .icon_title,
        .icon_heart,
        .heart_white,
        .icon_apply,
        .jt,
        .icon_03,
        .icon_02 {
            background: url("../img/img.png")no-repeat;
            background-size: 2.07rem 8.97rem; // 673px; // 155px
            background-position:-.04rem -3.65rem;
            width: .75rem; // 56px
            height: .75rem; // 56px
            display: inline-block;
        }
        .icon_11 {
            background-position:0 -.95rem; // 3px -.95rem; // 274px
            display: none; // 71px;
        }
        .icon_22 {
            background-position: -.05rem -4.57rem; // 343px
            width: .92rem; // 69px
            display: none;
        }
        .icon_33 {
            background-position: -1.28rem -4.95rem; // 372px; // 96px
            display: none;
        }
        .icon_02 {
            background-position: -1.07rem -2.17rem; // 163px; // 80px
            width: .84rem; // 63px
        }
        .icon_03 {
            background-position: -1.31rem 0; // 98px
            width: .77rem; // 58px
        }
        .icon_eye {
            background-position: -.44rem 0; // 33px
            width: .6rem; // 45px
            height: .87rem; // 65px
            display: none;
        }
        .red_eye {
            background-position: -1.27rem -3.01rem; // 95px ; // 226px
            width: .6rem; // 45px
            height: .87rem; // 65px
        }
        .icon_title {
            background-position: 0 -1.84rem; // 138px
            width: .81rem; // 61px
            height: .87rem; // 61px
        }
        .circle_white {
            background-position: -1.17rem -3.97rem; // 298px; // 88px
            width: .81rem; // 61px
            height: .87rem; // 61px
            display: none;
        }
        .heart_white {
            background-position: -1.04rem -6.07rem; // 455px; // 78px
            width: 1.01rem; // 76px
            height: .73rem; // 55px
            display: none;
        }
        .icon_heart {
            background-position: 0 -2.81rem; // 211px
            width: 1.01rem; // 76px
            height: .73rem; // 55px
        }
        .txt {
            display: block;
            margin-top: .07rem; // 5px
        }
        .jt {
            width: .21rem; // 16px
            height: .24rem; // 18px
            background-position: 0 0;
            display: block;
            color: red;
            position: absolute;
            right: .47rem; // 35px
            top: 50%;
            margin-top: -.19rem;
        }
    }
}

.content3 {
    position: relative;
    .tel {
        position: absolute;
        bottom: .6rem; // 45px
        width: 1.15rem; // 86px
        height: 1.15rem; // 82px
        background: url(../img/img.png) no-repeat;
        background-size: 2.07rem 8.97rem; // 673px; // 155px
        background-position: 0 -7.87rem; // 590px
        display: block;
        left: 50%;
        margin-left: -.78rem;
    }
}

.list_box {
    width: 10rem; // 750px;
    margin: 0 auto;
    display: none;
    position: relative;
    .border_bot {
        margin-bottom: .11rem; // 8px 
    }
    img {
        display: block;
        width: 10rem; // 750px
    }
    li {
        .content_container {
            display: none;
            .pic {
                margin: .07rem 0; // 5px
            }
            .video {
                position: relative;
                .video_start {
                    display: block;
                    width: 1.06rem; // 78px
                    height: 1.04rem; // 78px
                    background: url(../img/img.png) no-repeat;
                    background-size: 2.07rem 8.97rem; // 673px; // 155px
                    background-position: -1.07rem -.95rem; // 71px; // 80px
                    position: absolute;
                    top: 50%;
                    margin-top: -.52rem;
                    left: 50%;
                    margin-left: -.52rem;
                }
            }
            .foo_box {
                width: 100%; // 646px
                img{
                    width: 100%;
                }
            }
        }
    }
}

// sport-html
.pics {
    img {
        display: block;
        width: 100%;
    }

}
.tel{
         position: absolute;
        width: 1.15rem; // 86px
        height: 1.15rem; // 82px
        background: url(../img/img.png) no-repeat;
        background-size: 2.07rem 8.97rem; // 673px; // 155px
        background-position: 0 -7.87rem; // 590px
        display: block;
        left: 50%;
        margin-left: -.78rem;
        bottom: .6rem;
    }
/* .phone_box{
    
} */

.refresh-loading {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.33rem;
    line-height: 1.33rem;
    text-align: center;
    font-size: 0.4rem;
    background: #000;
    color: #fff;
}
